#{extends 'main.html' /}
<!-- Start of author @Yasmine A.
TutorialTitle is a list that gets tutorials followed by the users-->
<table border="0">
	<tr>
		<td colspan="2" style="background-color: #FFA500;">
			<h1>Updates filtered by followed tutorials only</h1>
		</td>
	</tr>

	<tr valign="top">
		<td style="background-color: #778899; width: 200px; text-align: top;">
			<p>Followed Tutorials</p>
			
		<td
			style="background-color: #eeeeee; height: 200px; width: 1000px; text-align: top;">
			<p> <b>Tutorials</b></p>
			#{ifnot updatesToSend}
			<p>No followed tutorials yet..</p> 
			#{/ifnot} 
			#{list items:updatesToSend,as:'TutorialTitle'}

			<ul>
				<li><a href="/Tutorials/tutorialPage?tutId=${TutorialTitle.id}">${TutorialTitle.Title}</a>
				</li>
			</ul>

			<form action="@{Application.followedUpdatesByTutorial()}" method="GET">
				<div id="${TutorialTitle.id}"></div>
			</form> #{/list}</td>
	</tr>
</table>
<!-- End of author @Yasmine A.-->